<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="btn">点击</button>
		<script>
			//DOM2级
			//同一个事件句柄，绑定多个事件，会同时执行，先绑定的先触发
			//原理：基于事件池，来执行的
			
			//addEventListener(事件句柄,函数,方向)----FF
			//方向： false  冒泡方向（由里向外）  默认
			//       true   捕获方向（由外向里）
			
			btn.addEventListener("click",function(){
				console.log(this);//触发事件的元素
				console.log("1111");
			})
			
			function fn(){
				console.log("2222");
			}
			
			btn.addEventListener("click",fn)
			
			//DOM2级---removeEventListener(事件句柄，函数)---FF
			//注意：函数必须是同一个（写法一样也不是一个函数）
			btn.removeEventListener("click",fn)
			
			// //IE---attachEvent(on+事件句柄,函数)---了解
			// //只有一个方向 冒泡方向
			// btn.attachEvent("onclick",function(){
			// 	console.log("333");
			// })
			// //IE----移除事件 detachEvent(on+事件句柄,函数)
			// btn.detachEvent("onclick",...)
		</script>
	</body>
</html>
